<template>
  <div class="footer-container">
    <p>
      <span class="copyright">
        <a href="http://sd.beian.miit.gov.cn/" v-text="copyrightInfo"></a>
      </span> |
      <span class="contact">
        <a href="mailto:loveing490@qq.com">联系我</a>
      </span> |
      <span class="opensource" v-text="openSourceInfo"></span>
    </p>
  </div>
</template>

<script>
export default {
    data() {
      return {
        copyrightInfo: '鲁ICP备17045047号',
        openSourceInfo: '以商业目的使用本网站内容需获许可，非商业目的使用授权遵循CC BY-NC 4.0'
      }
    },
}
</script>

<style lang="less" scoped>
.footer-container {
  background-color: rgba(255, 255, 255, 0.5);
  p {
    text-align: center;
    padding: 15px;
    margin: 0;
    .copyright {
      a {
        color: red;
      }
    }
    .contact {
      a {
        color: green;
      }
    }
  }
}
</style>
